//创建用户相关的小仓库
import { defineStore } from 'pinia'
import { reqLogin, reqUserInfo } from '../../api/user'
//引入数据类型
import type { loginForm, loginResponseData } from '../../api/user/type'
import type { UserState } from '@/store/modules/types/types'
//引入本地存储数据方法
import { SET_TOEKN, GET_TOKEN, REMOVE_TOKEN } from '@/utils/token'
//引入路由常量
import { constantRoute } from '@/router/routes'
//创建用户小仓库
const useUserStore = defineStore('user', {
  //小仓库存储数据的地方
  state: (): UserState => {
    return {
      token: GET_TOKEN(),
      menuRoutes: constantRoute, //仓库存储生成菜单路由需要数组
      username: '',
      avatar: '',
    }
  },

  //异步逻辑的地方
  actions: {
    //用户登录的方法
    async userLogin(data: loginForm) {
      const result: loginResponseData = await reqLogin(data)
      if (result.code == 200) {
        //pinia中存储token
        //由于pinia/vuex存储数据其实是利用js对象
        this.token = result.data.token as string
        // 本地存储一份
        SET_TOEKN(result.data.token as string)
        // 保证async函数返回成功的函数
        return 'ok'
      } else {
        return Promise.reject(new Error(result.data.message))
      }
    },
    //获取用户信息的方法
    async userInfo() {
      //发请求获取用户信息存储到仓库中
      const result = await reqUserInfo()
      //获取用户信息成功，存储一下用户信息
      if (result.code == 200) {
        this.username = result.data.checkUser.username
        this.avatar = result.data.checkUser.avatar
      }
      console.log(result)
    },
    //退出登录
    userLogout() {
      //清除本地存储的token
      REMOVE_TOKEN()
      //清除仓库中的token
      this.token = ''
      this.username = ''
      this.avatar = ''
    },
  },
  //用来计算属性的地方
  getters: {},
})
//对外暴露获取小仓库的方法
export default useUserStore
